<template>
  	<div class="search-space-box">
		<a-input v-model:value="searchValue" @input="searchSpaceInput" class="search-space-input" placeholder="搜索空间" clearable style="width: 250px;">
			<template #prefix>
				<SearchOutlined style="color: #aaa;"/>
			</template>
		</a-input>
	</div>
	<div v-if="storeSpaceData.spaceList.length <= 0" class="wiki-whole-empty-box">
		<el-empty description="暂无空间"/>
	</div>
	<div v-else class="wiki-whole-box">
		<SpaceCard :space="item" v-for="item in storeSpaceData.spaceList"></SpaceCard>
	</div>
</template>
<script setup lang='ts'>
import { ref,reactive} from 'vue'
import {useStoreSpaceData} from "@/store/spaceData";
import SpaceCard from './SpaceCard.vue';

let searchValue = ref()
let searchSpaceInput = ref()
const storeSpaceData = useStoreSpaceData();
</script>
<style scoped lang='less'>
</style>